/* reset */
body,html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}
body,p,ul, ol, h2, h3, h4, input {
	margin: 0;
	padding: 0;
}
body {
	font-family: Helvetica, Arial, sans-serif, "微软雅黑";
	font-size: 16px;
	background-color: #ebebeb;
}
a {
	text-decoration: none;
	color: #333;
}
img {
	border: none;
	vertical-align: top;
}
li {
	list-style: none;
}

/* common css*/

.main {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.margin-line {
	width: 100%;
	height: 1rem;
	background-color: #ebebeb;
}
.title {
	padding: 4%;
	font-family: "Microsoft Yahei";
	font-size: 2.4rem;
	font-weight: 400;
}

.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}

/*header*/
header {
	width: 100%;
	height: 48px;
	background: #23ac38;
}
header span {
	margin: 8px 0 0 12px;
}
header span a {}
header span img {
	height: 30px;
}

header span:nth-of-type(2) {
	margin: 16px 13px 0 0;
}
header span:nth-of-type(2) img {
	height: 16px;
}
/*下拉菜单*/
.menu-list {
	width: 100%;
	padding-top: 2%;
	background: rgba(44,44,44,0.9);
	display: none;
	position: absolute;
	z-index: 9999;
}
.menu-list ul {
	width: 92%;
	margin: 0 4%;
}
.menu-list li {
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
}
.menu-list li:nth-of-type(3n) {
	margin-right: 0;
}
.menu-list ul li a {
	width: 100% !important;
	display: inline-block;
	line-height: 40px;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #bbb;
	color: #bbb;
}

/*banner*/
.banner {
	width: 100%;
	height: auto;
	position: relative;
}
.banner div {
	width: 100%;
	height: auto;
	position: relative;
}
.banner a {
	width: 100%;
	display: block;
	position: absolute;
}
.banner img {
	width: 100%;
}
.banner p {
	position: absolute;
}
.banner span {
	width: 12px;
	height: 12px;
	margin-right: 10px;
	background: #000;
	opacity: 0.2;
	border-radius: 6px;
	float: left;
}
.active {
	background: #fff !important;
	opacity: 1 !important;
}

/*分类导航*/
.sort {
	width: 100%;
}
.sort li {
	width: 25%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #ccc;
}
.sort li:last-child {
	border-right: none;
}
.sort li a {
	padding-top: 10%;
	width: 100%;
	display: block;
}
.sort li img {
	width: 50%;

}
.sort li p {
	padding: 8% 0 2% 0;
	font-size: 16px;
	font-family: "Arial";
	line-height: 30px;
}

/*手机软件*/
.soft {
	width: 100%;
}
.soft li {
	width: 25%;
	margin-top: 24px;
	float: left;
	text-align: center;
}
.soft a:first-child {
	width: 100%;
	display: block;
}
.soft a:nth-of-type(2) {
	width: 50%;
	height: 24px;
	margin-top: 4px;
	display: inline-block;
	line-height: 24px;
	font-size: 14px;
	border-radius: 10px;
	background-color: #def3e1;
	color: #33b247;
}
.soft img {
	width: 50%;
}
.soft h4 {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
}
.soft p {
	font-size: 14px;
	font-weight: 500;
	color: #cfcfcf;
}

/*手机软件底部*/
.soft-sm ul {
	width: 98%;
	padding: 5% 1%;
}
.soft-sm li {
	width: 24%;
	margin: 0 1.333333% 1% 0;
	float: left;
	text-align: center;
	line-height: 40px;
}
.soft-sm li:nth-child(4n) {
	margin-right: 0;
}
.soft-sm a {
	width: 100%;
	height: 20%;
	box-sizing: border-box;
	background-color: #f8f8f8;
	display: block;
	border: 1px solid #ebebeb;
	font-size: 14px;
}
.soft-sm img {
	width: 20%;
	vertical-align: middle;
}

/*智能硬件*/
.hardware h2 {
	border-bottom: 1px solid #ebebeb;
}
.hardware a{
	width: 100%;
	display: block;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.row1 li {
	width: 50%;
	box-sizing: border-box;
	float: left;
	position: relative;
}
.row1 li:nth-of-type(2n) {
	border-right: none;
}
.row1 a {
	height: 100%;
}
.row1 li:first-child a {
	padding: 20% 0;
	text-align: right;
}
.row1 li:first-child img {
	width: 80%;
}

.row1 li:nth-of-type(2) {
	text-align: right;
}
.row1 li:nth-of-type(2) a {
	display: block;
	box-sizing: border-box;
}
.row1 li:nth-of-type(2) img {
	width: 45%;
}
.row1 .rel {
	position: relative;
}
.row2 li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
.row2 a {
	height: 300px;
}
.row2 li:last-of-type {
	/*background-color: ;*/
	background: #f8f8f8 url(../img/hardware/9.png) no-repeat center;
}

.hardware .slogan {
	position: absolute;
	left: 10%;
	top: 8%;
}
.row2 img {
	width: 80%;
	position: absolute;
	left: 8%;
	bottom: 1%;
}
.row2 .slogan {
	position: absolute;
	left: 10%;
	top: 10%;
}
.slogan h3 {
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
	text-align: left !important;
}
.slogan p {
	text-align: left;
}
.slogan p:nth-of-type(1) {
	font-size: 10px;
	color: #999;
	line-height: 30px;
}
.slogan p:nth-of-type(2) {
	font-size: 12px;
	font-weight: 600;
	color: #f13228;
	text-align: left !important;
	line-height: 40px;
}

/*企业安全*/
.safe {}
.safe ul {}
.safe li {
	width: 48.5%;
	margin: 0 1%;
	background-color: #f8f8f8;
	text-align: center;
	float: left;
}
.safe li:nth-of-type(2n) {
	margin-left: 0;
}
.safe li:nth-of-type(3n), .safe li:nth-of-type(4n) {
	margin-top: 1%;
}
.safe a {
	width: 100%;
	display: inline-block;
}
.search {
	width: 80%;
	padding-top: 40px;
	font-size: 12px;
	text-align: center;
	position: relative;
}
.search input {
	width: 60%;
	height: 38px;
	border: 1px solid #00be3c;
	background: url(../img/1.png) no-repeat right;
	padding-left: 4px;
	outline: none;
}
.search span{
	display: inline-block;
	width: 20%;
	height: 40px;
	line-height: 40px;
	background-color: #00be3c;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 80.6%;
	cursor: pointer;
}
.safe .link {
	width: 100%;
	margin-top: 4%; 
	text-align: center;
}
.safe .link a {
	width: 10%;
	font-size: 14px;
	border-right: 1px solid #ebebeb;
}
.safe .link a:last-child {
	border-right: none;
}

/*footer*/
footer {
	width: 100%;
	height: 30px;
	margin-top: 10%;
	line-height: 30px;
	font-size: 12px;
	background: #f6f6f6;
	text-align: center;
}
footer p {
}